<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>index</title>
        <link rel="stylesheet" href="css/frame.css">
        <link rel="stylesheet" href="css/slideshow.css">
        <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
        <nav>
            <a href="./index.html">index</a>
            <a href="pages/about.html">about us</a>
            <a href="pages/products.html">products</a>
            <a href="pages/technology.html">technology</a>
        </nav>
            <div class="slide-borad">
                <div class="slide-container"><h1 class="slide-text">	fruor.design</h1></div>
                <!-- <img class="slide" src="./media/slide-2.jpg" alt="dc comic picture"> -->
            </div>
        <div class="main">
            <div class="container">something on 0</div>
            <div class="container">something on 1</div>
            <div class="container">something on 2</div>
            <div class="container">something on 3</div>
        </div>
        <footer>This is footer</footer>
    </body>
</html>
